import { FC } from "react";
import { View, Button, Text } from "@tarojs/components";
import styles from "./index.module.less";
import { HIcon } from "@/components";
import { UserInfo } from "@/service/type";

interface IProps {
  customerInfo: UserInfo;
}

const BottomBar: FC<IProps> = ({ customerInfo }) => {
  return (
    <View className={styles["bottom-wrapper"]}>
      <Button className={styles["btn"]}>联系TA</Button>
      <View className={styles["menu"]}>
        <HIcon type="kefu" size={36}></HIcon>
        <Text className={styles["text"]}>客服</Text>
      </View>
      <View className={styles["menu"]}>
        <HIcon type="fenxiang" size={38}></HIcon>
        <Text className={styles["text"]}>分享</Text>
      </View>
      <View className={styles["menu"]}>
        <HIcon type="gengduo" size={38}></HIcon>
        <Text className={styles["text"]}>分享</Text>
      </View>
    </View>
  );
};

export default BottomBar;
